@charset "utf-8";
@import "_reset.scss";
@function r($px){
	@return $px / 64px *1rem;
}
.wrap{
	width:r(640px);
	height:r(1050px);
	background-color:#f3f4f6;
	.header{
		position:fixed;
		top:0;
		width:100%;
		height:r(87px);
		background-color:#f7f7f7;
		font-size:r(28px);
		border-bottom:1px solid #e3e3e3;
		z-index:5;
		.header_left{
			width:r(22px);
			height:r(37px);
			float:left;
			margin-left:r(29px);
			margin-top:r(26px);
			
			img{
				height:100%;
				
			}
		}
		.header_close{
			margin-left:r(40px);
			width:r(35px);
			height:r(35px);
			float:left;
			margin-top:r(26px);
			i{
				font-size:r(35px);
				display:inline-block;
				color:#848689;
			}
		}
		.header_title{
			display:inline-block;
			width:r(500px);
			height:r(60px);
			margin:{
				top:r(14px);
			}
			white-space:nowrap;
			overflow:hidden;
			padding-left:r(20px);
			color:#333333;
			border-radius:5px;
			font-size:r(35px);
			line-height:r(60px);
		}
	}
	.content{
		margin-top:r(87px);
		width:100%;
		font-size:0;
		.item{
			width:100%;
			height:r(134px);
			background:#fff;
			.item_head{
				width:100%;
				.title{
					display:inline-block;
					width:r(450px);
					white-space:nowrap;
					font-size:r(28px);
					color:#000;
					margin-left:r(20px);
					padding-top:r(26px);
				}
			}
			.item_foot{
				width:100%;
				margin-top:r(20px);
				.name{
					font-size:r(20px);
					color:#666666;
					margin-left:r(20px);
				}
				.time{
					float:right;
					margin-right:r(20px);
					font-size:r(20px);
					color:#666666;
				}
			}
		}
		.item_text{
			width:100%;
			height:r(356px);
			background:#fff;
			div{
				border-top:1px solid #e3e3e3;
				width:r(600px);
				margin:0 auto;
				padding:{
					left:r(10px);
					right:r(10px);
				}
				p:first-of-type{
					margin-top:r(30px);
					font-size:r(24px);
					color:#333333;
				}
				p:nth-of-type(2){
					margin-top:r(20px);
					font-size:r(24px);
					line-height:r(40px);
					color:#333333;
					text-indent:2em;
				}
				p:last-of-type{
					margin-top:r(20px);
					font-size:r(24px);
					color:#333333;
					float:right;
				}
				&::after{
					display:block;
					content:"";
					clear:both;
				}
			}
		}
		.item_answer{
			width:100%;
			margin-top:r(30px);
			height:r(281px);
			padding-left:r(30px);
			padding-right:r(30px);
			background:#fff;
			border:{
				top:1px solid #e3e3e3;
				bottom:1px solid #e3e3e3;
			}
			.answer_head{
				width:100%;
				height:r(119px);
				.title{
					font-size:r(26px);
					color:#333333;
					white-space:nowrap;
					overflow:hidden;
					text-overflow:ellipsis;
					padding-top:r(28px);
				}
				.time{
					font-size:r(24px);
					margin-top:r(15px);
					color:#999999;
				}
			}
			.answer_foot{
				width:100%;
				.answer{
					font-size:r(24px);
					color:#cc3333;
				}
				.time{
					margin-top:r(10px);
					font-size:r(24px);
					color:#999999;
				}
			}
		}
	}
}
